<template>
  <view class="base-custom">
    <view class="nav-bar" :style="{ paddingTop: safeAreaInsets?.top + 'px' }">
    </view>
    <slot name="title"></slot>
  </view>
</template>

<script setup>
const { safeAreaInsets } = uni.getSystemInfoSync();
</script>

<style scoped lang="scss">
.nav-bar {
  background: linear-gradient(
    45deg,
    rgba(255, 225, 223, 0.4),
    rgba(255, 225, 223, 0.7)
  );
}
</style>
